import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import drag from './directives/draggable.js'
import naive, {
  useDialog,
  useMessage,
  useNotification,
  useOsTheme,
  useThemeVars,
  useLoadingBar,
} from "naive-ui";

const app = createApp(App);
app.config.productionTip = false;
app.config.globalProperties.$msg = useMessage;
app.config.globalProperties.$dlg = useDialog;
app.config.globalProperties.$nft = useNotification;
app.config.globalProperties.$osTheme = useOsTheme;
app.config.globalProperties.$themeVars = useThemeVars;
app.config.globalProperties.$loading = useLoadingBar;
app.config.globalProperties.$app = app;
app.directive('drag',drag)
app.use(naive);
app.use(store);
app.use(router);
app.mount("#app");
